<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>zhangsan</div>
		<input type="text" name="username" value="zhangsan" />
		<script type="text/javascript">
			var divNode = document.querySelector("div");
			//文本节点对象
			var tNode = divNode.firstChild;
			// console.log(divNode.firstChild);

			var inputNode = document.querySelector("input");
			//伪数组,属性节点对象
			var attr = inputNode.attributes;
			attr = Array.from(attr);
			attr.forEach(function(aNode) {
				console.log(aNode);
			})
			
			/*
			                nodeName          nodeType        nodeValue
			文档节点对象     #document            9               null
			标签节点对象     DIV                  1               null
			属性节点对象     属性名                2              属性值
			文本节点对象     #text                3               文本内容
			*/
		   console.log(tNode.nodeName);
		   console.log(tNode.nodeType);
		   console.log(tNode.nodeValue);
		</script>
	</body>
</html>
